<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script src="../js/vue.js"></script>
        <script>
            //1. 变量作用域：变量在什么范围是可以使用的
            {
                var name = 'why'
                console.log(name)
            }
            console.log(name)   //虽然这个地方在大括号之外，但是仍然可以使用name变量

            /**
            ES5中的var是没有块级作用域的，比如用for循环生成数字，最后保存的数字其实都是公共变量i，而i的值就是最后一次循环的值
            ES6中的let是有作用域的，比如在循环中，每次保存的i其实都是独立的，不会受到循环改变值的影响
            */

        </script>
    </body>
</html>